<template>
    <div class="teacherDetail">
        <my-header></my-header>
        <div class="box">
            <tea-list></tea-list>
        </div>
        <div class="tab">
            <tab></tab>
        </div>
    </div>
</template>
<script>
import myHeader from "../components/teacher/header.vue"
import teaList from "../components/teacher/teaList.vue"
import tab from "../components/teacher/tab.vue"
export default {
    data() {
        return {

        }
    },
    mounted() {

    },
    methods: {

    },
    components: {
        myHeader,
        teaList,
        tab
    }
}
</script>
<style lang="scss" scoped>
.teacherDetail {
    width: 100vw;

    .box {
        height: 50px;
        background-color: #5ba2f4;
    }
    .tab{
        margin-top: 60px;
    }
}
</style>

